.detail-enter {
  opacity: 1;
  transform: translateX(300px);
}

.detail-enter.detail-enter-active {
  opacity: 1;
  transition: all 500ms ease;
  transform: translateX(0);
}

.detail-leave {
  opacity: 1;
}

.detail-leave.detail-leave-active {
  opacity: 0.01;
  transition: all 300ms ease;
  transform: translateX(300px);
}